.workflow_image {
  /* for IE10+ touch devices */
  touch-action: none;
}

/** ELEMENTS **/
.points .point {
  border: 2px solid #c9cacb;
  text-align: center;
  color: #63656e;
  background-color: #f0f1f5;
  font-size: 12px;
  box-shadow: 0 2px 4px 0 rgb(196 198 204 / 50%);
  height: 2rem;
  line-height: 2rem;
  padding: 0px 8px;
  width: max-content;
  box-sizing: content-box;
  padding:0 36px;
}

/** HOVER EFFECTS **/
.points .point:hover,
.points .point._jsPlumb_source_hover,
.points .point._jsPlumb_target_hover {
  border: 1px solid orange;
  color: orange;
}

.point {
  background-color: white;
  border: 1px solid #346789;
  text-align: center;
  z-index: 24;
  cursor: pointer;
  box-shadow: 2px 2px 19px #aaa;
  -o-box-shadow: 2px 2px 19px #aaa;
  -webkit-box-shadow: 2px 2px 19px #aaa;
  -moz-box-shadow: 2px 2px 19px #aaa;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  position: absolute;
  color: black;
  padding: 0.5em;
  width: 80px;
  height: 80px;
  line-height: 80px;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in;
  -moz-transition: -moz-box-shadow 0.15s ease-in;
  -o-transition: -o-box-shadow 0.15s ease-in;
  transition: box-shadow 0.15s ease-in;
}

.point:hover {
  box-shadow: 2px 2px 10px #444;
  -o-box-shadow: 2px 2px 19px #444;
  -webkit-box-shadow: 2px 2px 19px #444;
  -moz-box-shadow: 2px 2px 19px #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

path,
._jsPlumb_endpoint {
  cursor: pointer;
}